<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <meta name="author" content="挥手の骑士">
    
    
    
    
    
    
    <title>逃离弱鸡业务循环 | 骑士の物语</title>
    <link href="https://yihuishou.gitee.io" rel="prefetch">

    <link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/aos.css">
<link rel="stylesheet" href="/css/style.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/aos.js"></script>
    <script src="/js/highslide/highslide-full.min.js"></script>
    <link rel="stylesheet" href="/js/highslide/highslide.css">
    <style type="text/css">
        @media (max-width: 768px) {
            body {
                background-color: #f0f0f0;
                background: url('/imgs/xsbg.gif');
                background-attachment: fixed;
            }
        }
    </style>
    
    <!--<script type="text/javascript">
      if (document.images) {
        var avatar = new Image();
        avatar.src = '/imgs/avatar.jpg'
        var previews = 'picHD_1.png,picHD_2.png,picHD_3.png,picHD_4.png,picHD_5.png,picHD_6.png,picHD_7.png,picHD_8.png,picHD_9.png,picHD_10.png,picHD_11.png,picHD_12.png,picHD_13.png,picHD_14.png,picHD_15.png,picHD_16.png,picHD_17.png,picHD_18.png,picHD_19.png,picHD_20.png,picHD_21.png,picHD_22.png,picHD_23.png,picHD_24.png,picHD_25.png,picHD_26.png,picHD_27.png,picHD_28.png,picHD_29.png,picHD_30.png,picHD_31.png,picHD_32.png,picHD_33.png,picHD_34.png,picHD_35.png,picHD_36.png,picHD_37.png,picHD_38.png,picHD_39.png,picHD_40.png,picHD_41.png,picHD_42.png'.split(',')
        var previewsPreLoad = []
        for(var i = 0; i < length; i++) {
          previewsPreLoad.push(new Image())
          previewsPreLoad[previewsPreLoad.length - 1].src = '/imgs/preview' + previews[i]
        }
      }
    </script>-->
</head></html>
<body>
    <!-- 背景轮播图功能 -->
    <section class="hidden-xs">
    <ul class="cb-slideshow">
        <li><span>天若</span></li>
        <li><span>有情</span></li>
        <li><span>天亦老</span></li>
        <li><span>我为</span></li>
        <li><span>长者</span></li>
        <li><span>续一秒</span></li>
    </ul>
</section>
    <!-- 欧尼酱功能, 谁用谁知道 -->
    
    <header class="navbar navbar-inverse" id="gal-header">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse" data-target=".bs-navbar-collapse"
                    aria-expanded="false">
                <span class="fa fa-lg fa-reorder"></span>
            </button>
            <a href="https://yihuishou.gitee.io">
                
                <style>
                    #gal-header .navbar-brand {
                        height: 54px;
                        line-height: 24px;
                        font-size: 28px;
                        opacity: 1;
                        background-color: rgba(0,0,0,0);
                        text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228DFF,0 0 35px #228DFF,0 0 40px #228DFF,0 0 50px #228DFF,0 0 75px #228DFF;
                    }
                </style>
                <!-- 这里使用文字(navbar_text or config.title) -->
                <div class="navbar-brand">骑士の物语</div>
                
            </a>
        </div>
        <div class="collapse navbar-collapse bs-navbar-collapse">
            <ul class="nav navbar-nav" id="menu-gal">
                
                
                <li class="">
                    <a href="/">
                        <i class="fa fa-home"></i>首页
                    </a>
                </li>
                
                
                
                <li class="">
                    <a href="/archives">
                        <i class="fa fa-archive"></i>归档
                    </a>
                </li>
                
                
            </ul>
        </div>
    </div>
</header>
    <div id="gal-body">
        <div class="container">
            <div class="row">
                <div class="col-md-8 gal-right" id="mainstay">
                    
<article class="article well article-body" id="article">
    <div class="breadcrumb">
        <i class="fa fa-home"></i>
        <a href="https://yihuishou.gitee.io">骑士の物语</a>
        >
        <span>逃离弱鸡业务循环</span>
    </div>
    <!-- 大型设备详细文章 -->
    <div class="hidden-xs">
        <div class="title-article">
            <h1>
                <a href="/2019/06/13/1754570926/">逃离弱鸡业务循环</a>
            </h1>
        </div>
        <div class="tag-article">
            
            <span class="label label-gal">
                <i class="fa fa-tags"></i>
                
                <a href="/tags/随笔/">随笔</a>
                
            </span>
            
            <span class="label label-gal">
                <i class="fa fa-calendar"></i> 2019-06-13
            </span>
            
        </div>
    </div>
    <!-- 小型设备详细文章 -->
    <div class="visible-xs">
        <center>
            <div class="title-article">
                <h4>
                    <a href="/2019/06/13/1754570926/">逃离弱鸡业务循环</a>
                </h4>
            </div>
            <p>
                <i class="fa fa-calendar"></i> 2019-06-13
            </p>
            <p>
                
                <i class="fa fa-tags"></i>
                
                <a href="/tags/随笔/">随笔</a>
                
                
                
            </p>
        </center>
    </div>
    <div class="content-article">
        <p>一般在工作两三年的Java开发者身上广泛存在一种情况，我们叫它“弱鸡循环”：</p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">while(做弱鸡业务)&#123;</span><br><span class="line">    薪资低；</span><br><span class="line">    难跳槽；</span><br><span class="line">    幸福感弱；</span><br><span class="line">    成就感弱；</span><br><span class="line">    技术提升慢；</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>而造成上面那样的弱鸡业务，也往往因为没有测试？<a id="more"></a></p>
<p>其实很多公司（甚至包括阿里这样的公司）的典型开发流程：</p>
<p>一堆人吭哧吭哧写完代码，发布到某个环境上，找一堆人来点点点，没问题，发布上线。</p>
<p>我在阿里呆了两年时间，一个测试也没有写过。</p>
<p>对于这种典型的情况，一个放之四海而皆准的方向是，尝试对你们的Web应用添加自动化测试。</p>
<p>终极目标说起来很简单：你们的应用上线之前，应该跑一个命令，不需要任何手工测试就可以放心上线。</p>
<p>先说好处：</p>
<p>方向明确。很多人谈到工作之外的“学习”或感到十分茫然，因为他们不知道要做什么。</p>
<p>刷题？又难又坚持不下去。</p>
<p>看书？不知道看什么，看完了做什么。</p>
<p>而我上面说的这件事，目标非常明确，虽然看上去很难，但是却是十分可行的。</p>
<p>关键是，它可以分解成很多的小步骤，循序渐进地完成。</p>
<p>贴近实践。刷算法题之类的“学习”方式在实际工作中用处不大，看上去非常像是……屠龙之技。</p>
<p>如果你不是为了进微软这样的公司，大可不必狂刷面试题。</p>
<p>可行性高。很多人想要在公司发起各种各样的技术革新，面临的最大问题是，老大不同意。</p>
<p>老大说，现在跑的这么稳定，换了你说的技术，出了问题怎么办？</p>
<p>当然，你要是像我一样对某种新技术了如指掌（我指的是Gradle），那么你大可以狂妄地把担子揽过来。</p>
<p>进行自动化测试的好处是，你不需要对生产代码做任何变更，你不对别人的工作造成任何影响——一切都可以发生在本地。</p>
<p>一旦你完成了这项工作向别人展示，一个命令可以完成之前几个小时的手工测试的时候，相信我，不会会有人再愿意回到人工测试的时代。</p>
<p>人们拒绝新技术的唯一原因是因为他们还没有看到新技术带来的价值。</p>
<p>有助于职业发展。做完这件事情，你猜你的同事会不会高看你一眼？</p>
<p>你猜你的老大会不会请你分享你的成就？你猜你能不能放到自己的简历里，在下次跳槽时大吹特吹？</p>
<p>再说方法。我自己是Gradle的核心团队开发，因此对自动化构建非常推崇。</p>
<p>Gradle自己从自动化测试中受益无穷——每月的下载量在两百万次以上，但是核心团队只有不到十个人。</p>
<p>如果没有数万个自动化测试的保障，我们一定会疯掉。</p>
<p>如果你的公司符合以下条件，那么本文提到的方法百分百适合你。</p>
<p>一个庞大的Web application，连接了奇奇怪怪的数据库。</p>
<p>你的日常工作就是实现各种各样的需求，会熟练的：</p>
<p>在pom.xml里引入依赖</p>
<p>建立、注入各种各样奇奇怪怪的Cotroller/Service/Dao</p>
<p>写SQL取数据，进行各种处理，返回给前端</p>
<p>每次发布之后都在部门群里大吼一声：我们在测试服务器上部署了新版本，大家快去用鼠标点点点测试啊！</p>
<p>现在，你要跳出弱鸡循环的第一步，你需要：</p>
<p>第一步，去看一下《Maven实战》，了解一下Maven的测试是怎么工作的。之所以让你去研究Maven，是因为你们这种系统，99%不会采用Gradle这种新技术的。<br>第二步，写第一个测试，代码如下：</p>
<figure class="highlight java"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">MyTest</span> </span>&#123;</span><br><span class="line">    <span class="meta">@Test</span></span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">void</span> 跳出弱鸡循环() &#123;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>是的，Java代码是可以用中文写的。</p>
<p>第三步，去搞一份你们线上数据库的表结构。各种数据库都有相应的命令dump表结构。有困难的的话，手写建表语句。</p>
<p>第四步，本地用Docker启动一个临时的数据库。</p>
<p>第五步，去研究一下flyway，用自动化方式把表结构灌到这个临时数据库里。</p>
<p>第六步，去了解一下你们的应用是怎么部署的，你们上线的应用不可能是通过在IDE里面点绿色三角来部署的。把部署的命令行要过来。</p>
<p>第七步，研究一下这个命令行，尝试在本地启动起来。碰到数据库没起来的问题，就把连接串改成刚刚那个Docker的临时数据库。</p>
<p>第八步，你平时怎么在网页上点点点测试的，把它翻译成Java。比如你平时会手工测试登录接口，那就用HttpClient写一段代码，模拟登录。</p>
<p>第九步，把上面这些整合起来：</p>
<figure class="highlight java"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">MyTest</span> </span>&#123;</span><br><span class="line">    <span class="meta">@Test</span></span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">void</span> 跳出弱鸡循环() &#123;</span><br><span class="line">        启动测试数据库();</span><br><span class="line">        把表结构灌进去();</span><br><span class="line">        本地启动应用();</span><br><span class="line">        自动化方式测试接口();</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>碰到任何问题的话，就一点一点地解决。</p>
<p>在这个过程中，你会发现自己达到了你最初的目的：</p>
<p>提高自己。必须说一句，这其实不是非常科学的集成测试，真正的集成测试应该把相关的步骤绑定到pre-integration-test/integration-test之类的phase。</p>
<p>但是……反正我写这么多，99%的人是不会坚持下去的，所以也无所谓了。</p>
<p>如果你真的做完了我说的这一切，私聊我，我告诉你应该怎么继续改进你的集成测试流程。</p>
<p>虽然这些步骤看上去很简单，但实际上每一步都可能要花掉你几个周末的时间，因此，请做好思想准备，坚持不下去也无所谓（毕竟99%的人是坚持不下去的），</p>
<p>没关系，在弱鸡循环里呆着吧，反正，你不是一个人。</p>

    </div>
</article>


                </div>
                <aside class="col-md-4 gal-left" id="sidebar">
    <!-- 此为sidebar的搜索框, 非搜索结果页面 -->
<aside id="sidebar-search">
    <div class="search hidden-xs" data-aos="fade-up" data-aos-duration="2000">
        <form class="form-inline clearfix" id="search-form" method="get"
              action="/search/index.html">
            <input type="text" name="s" class="form-control" id="searchInput" placeholder="搜索文章~" autocomplete="off">
            <button class="btn btn-danger btn-gal" type="submit">
                <i class="fa fa-search"></i>
            </button>
        </form>
    </div>
</aside>
    <aside id="sidebar-author">
    <div class="panel panel-gal" data-aos="flip-right" data-aos-duration="3000">
        <div class="panel-heading" style="text-align: center">
            <i class="fa fa-quote-left"></i>
            挥手の骑士
            <i class="fa fa-quote-right"></i>
        </div>
        <div class="author-panel text-center">
            <img src="/imgs/avatar.jpg" width="140" height="140"
                 alt="个人头像" class="author-image">
            <p class="author-description"></p>
        </div>
    </div>
</aside>
    
    <!-- 要配置好leancloud才能开启此小工具 -->
    
    
    <aside id="sidebar-recent_posts">
    <div class="panel panel-gal recent hidden-xs" data-aos="fade-up" data-aos-duration="2000">
        <div class="panel-heading">
            <i class="fa fa-refresh"></i>
            近期文章
            <i class="fa fa-times-circle panel-remove"></i>
            <i class="fa fa-chevron-circle-up panel-toggle"></i>
        </div>
        <ul class="list-group list-group-flush">
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/08/18/55226946/">agent v3.2.1 插件激活码</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/07/22/2412014068/">干掉 CMS 未来属于 ZGC</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/07/21/4075219928/">OpenJDK 和 OracleJDK 的抉择</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/07/20/368594680/">Flutter 音乐播放器开发之路（一）</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/07/15/3650854255/">XaaS 到底是什么？</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/07/15/4036766117/">让 Windows 10 开机自动登录</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/07/14/466733536/">给 Flutter 项目初始化构建提个速</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/06/12/4125727764/">JavaScript 中 Splice 函数与数组塌陷</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/06/12/1586694155/">在 Java 中缩写 Lambda 表达式</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2020/06/04/2276828982/">博客文章规范</a>
                </span>
            </li>
            
        </ul>
    </div>
</aside>
    
    
    <aside id="sidebar-rand_posts">
    <div class="panel panel-gal recent hidden-xs" data-aos="fade-up" data-aos-duration="2000">
        <div class="panel-heading">
            <i class="fa fa-refresh"></i>
            随机文章
            <i class="fa fa-times-circle panel-remove"></i>
            <i class="fa fa-chevron-circle-up panel-toggle"></i>
        </div>
        <ul class="list-group list-group-flush">
            
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2019/03/08/4211700064/">Mybatis 的缺陷</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2018/09/28/3178181323/">Mybatis 分页插件备忘录</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2018/10/15/1193253562/">PL/SQL Developer 使用 Oracle 压缩备份</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2018/09/01/1499471298/">SpringBoot 中的 Json 格式化配置</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2019/03/20/1671325781/">SpringDataJPA 分页 排序与动态查询</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2018/08/20/3328494696/">Vue-Router 看这一篇就够了</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2018/11/19/2336528398/">不那么安全的 Raid5</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2017/09/27/3303306385/">关于 Mdui 主题中的一些设置问题</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2019/04/03/1811262184/">用于分析问题的 SMART 原则</a>
                </span>
            </li>
            
            <li class="list-group-item">
                <span class="post-title">
                    <a href="/2017/12/22/3001741591/">用文件特征码来检测文件类型</a>
                </span>
            </li>
            
        </ul>
    </div>
</aside>
    
    
    <aside id="gal-sets">
        <div class="panel panel-gal hidden-xs" data-aos="fade-up" data-aos-duration="2000">
            <ul class="nav nav-pills pills-gal">

                
                <li>
                    <a href="/2019/06/13/1754570926/index.html#sidebar-tags" data-toggle="tab" id="tags-tab">热门标签</a>
                </li>
                
                
                <li>
                    <a href="/2019/06/13/1754570926/index.html#sidebar-friend-links" data-toggle="tab" id="friend-links-tab">友情链接</a>
                </li>
                
                
                <li>
                    <a href="/2019/06/13/1754570926/index.html#sidebar-links" data-toggle="tab" id="links-tab">个人链接</a>
                </li>
                
            </ul>
            <div class="tab-content">
                
                <div class="cloud-tags tab-pane nav bs-sidenav fade" id="sidebar-tags">
    
    <a href="/tags/SpringSecurity/" style="font-size: 17.610980284587725px;" class="tag-cloud-link">SpringSecurity</a>
    
    <a href="/tags/Xml/" style="font-size: 13.924578297952593px;" class="tag-cloud-link">Xml</a>
    
    <a href="/tags/随笔/" style="font-size: 14.491262278078635px;" class="tag-cloud-link">随笔</a>
    
    <a href="/tags/大前端/" style="font-size: 10.85956781240268px;" class="tag-cloud-link">大前端</a>
    
    <a href="/tags/Dart/" style="font-size: 10.29316358024056px;" class="tag-cloud-link">Dart</a>
    
    <a href="/tags/Flutter/" style="font-size: 9.500523823730095px;" class="tag-cloud-link">Flutter</a>
    
    <a href="/tags/Go/" style="font-size: 19.650141107154266px;" class="tag-cloud-link">Go</a>
    
    <a href="/tags/IDEA/" style="font-size: 14.372510013030986px;" class="tag-cloud-link">IDEA</a>
    
    <a href="/tags/Java/" style="font-size: 19.922521359137072px;" class="tag-cloud-link">Java</a>
    
    <a href="/tags/JavaScript/" style="font-size: 14.821751461423148px;" class="tag-cloud-link">JavaScript</a>
    
    <a href="/tags/Mysql/" style="font-size: 18.20672900069784px;" class="tag-cloud-link">Mysql</a>
    
    <a href="/tags/Oracle/" style="font-size: 9.921872679748473px;" class="tag-cloud-link">Oracle</a>
    
    <a href="/tags/Photoshop/" style="font-size: 12.321805015854949px;" class="tag-cloud-link">Photoshop</a>
    
    <a href="/tags/RPG-Maker-MV/" style="font-size: 17.59777171939742px;" class="tag-cloud-link">RPG Maker MV</a>
    
    <a href="/tags/Restful/" style="font-size: 17.676997236051776px;" class="tag-cloud-link">Restful</a>
    
    <a href="/tags/Redis/" style="font-size: 12.0829648990366px;" class="tag-cloud-link">Redis</a>
    
    <a href="/tags/SQL/" style="font-size: 14.213908839869067px;" class="tag-cloud-link">SQL</a>
    
    <a href="/tags/SpringBoot/" style="font-size: 9.189625920265104px;" class="tag-cloud-link">SpringBoot</a>
    
    <a href="/tags/Swagger/" style="font-size: 9.396285773569188px;" class="tag-cloud-link">Swagger</a>
    
    <a href="/tags/Windows/" style="font-size: 15.67733285974369px;" class="tag-cloud-link">Windows</a>
    
    <a href="/tags/Deepleanring/" style="font-size: 15.81085171154916px;" class="tag-cloud-link">Deepleanring</a>
    
    <a href="/tags/Vue/" style="font-size: 12.544284911419751px;" class="tag-cloud-link">Vue</a>
    
    <a href="/tags/Docker/" style="font-size: 19.643225063765016px;" class="tag-cloud-link">Docker</a>
    
    <a href="/tags/Hexo/" style="font-size: 10.649959028341655px;" class="tag-cloud-link">Hexo</a>
    
    <a href="/tags/VsCode/" style="font-size: 13.640785295928895px;" class="tag-cloud-link">VsCode</a>
    
    <a href="/tags/SpringCloud/" style="font-size: 18.605754330517783px;" class="tag-cloud-link">SpringCloud</a>
    
</div>
                
                
                <div class="friend-links tab-pane nav bs-sidenav fade" id="sidebar-friend-links">
    
    <li>
        <a href="http://noodlefighter.com" target="_blank">虾包</a>
    </li>
    
    <li>
        <a href="https://loli.la" target="_blank">超级叫了</a>
    </li>
    
    <li>
        <a href="https://konata9.github.io" target="_blank">吃土的小此方</a>
    </li>
    
</div>
                
                
                <div class="links tab-pane nav bs-sidenav fade" id="sidebar-links">
    
    <li>
        <a href="https://github.com/yihuishou" target="_blank">Github</a>
    </li>
    
    <li>
        <a href="https://gite.com/yihuishou" target="_blank">码云</a>
    </li>
    
    <li>
        <a href="https://www.zhihu.com/people/hei-yi-tian-shi-48" target="_blank">知乎</a>
    </li>
    
</div>
                
            </div>
        </div>
    </aside>
    
</aside>
            </div>
        </div>
    </div>
    <footer id="gal-footer">
    <div class="container">
        Copyright © 2018 挥手の骑士 Powered by <a href="https://hexo.io/" target="_blank">Hexo</a>.&nbsp;Theme by <a href="https://github.com/ZEROKISEKI" target="_blank">AONOSORA</a>
    </div>
</footer>

<!-- 回到顶端 -->
<div id="gal-gotop">
    <i class="fa fa-angle-up"></i>
</div>
</body>
<script src="/js/activate-power-mode.js"></script>
<script>

    // 配置highslide
	hs.graphicsDir = '/js/highslide/graphics/'
    hs.outlineType = "rounded-white";
    hs.dimmingOpacity = 0.8;
    hs.outlineWhileAnimating = true;
    hs.showCredits = false;
    hs.captionEval = "this.thumb.alt";
    hs.numberPosition = "caption";
    hs.align = "center";
    hs.transitions = ["expand", "crossfade"];
    hs.lang.number = '共%2张图, 当前是第%1张';
    hs.addSlideshow({
      interval: 5000,
      repeat: true,
      useControls: true,
      fixedControls: "fit",
      overlayOptions: {
        opacity: 0.75,
        position: "bottom center",
        hideOnMouseOut: true
      }
    })

    // 初始化aos
    AOS.init({
      duration: 1000,
      delay: 0,
      easing: 'ease-out-back'
    });

</script>
<script>
	POWERMODE.colorful = 'true';    // make power mode colorful
	POWERMODE.shake = 'true';       // turn off shake
	// TODO 这里根据具体情况修改
	document.body.addEventListener('input', POWERMODE);
</script>
<script>
    window.slideConfig = {
      prefix: '/imgs/slide/background',
      ext: 'jpg',
      maxCount: '6'
    }
</script>
<script src="/js/hs.js"></script>
<script src="/js/blog.js"></script>



</html>